
.headerBox{


  // background: linear-gradient(3deg, #FFD667, #F5F5F5);
  background: linear-gradient(to bottom, #FFD667, #F5F5F5);

  height: 100%;
  padding: 0 34px;
  padding-top: 17px;
  .header{
    display: flex;
    flex-direction: column;
    position: relative;
    height: 240px;
    margin-bottom: 20px;
    .name{
      font-size: 32px;
      margin-right: 13px;
    }
    .header_bg {
      position: absolute;
      width: 230px;
      height: 269px;
      right: 10px;
      top: -10px;
      img{
        display: block;
        height: 100%;
        width: 100%;
      }
    }
    .header_ava {
      display: flex;
      flex-direction: row;
      align-items: center;
      img{
      }
      .name{
        margin-left: 14px;
      }

    }
  }

.btn_scam {
  margin-top: 29px;
  color:#C27E32;
  margin-bottom: 5px;
  width: 220px;
  height: 64px;
  font-size: 28px;
}



.category {
  display: flex;
  margin-bottom: 20px;


  .categoryItem_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 每行3列，平均分 */
    grid-template-rows: repeat(2, auto);   /* 2行 */
    padding-top: 22px;
  }
  .categoryItem_txt {
    img{
      width: 108px;
      height: 108px;
    }


    border-radius: 10px;
  }

  .categoryItem_bot {
    font-size: 28px;
    margin: 15px 0;
  }
  .categoryItem{
    display: flex;
    flex-direction: column;

    text-align: center;
    padding: 22px 0;
    border-radius: 20px;
  }

  .categoryItem_num {
    margin-top: 15px;
    font-size: 28px;
    display: flex;
    justify-content: center;
    span{
      font-size: 40px;
      margin-right: 7px;
      

    }
  }
}

}